<template>
  <div>
    <el-table
    :data="treedata"
    :show-header="false"
    style="width: 100%">
    <el-table-column type="expand">
      <template slot-scope="props">
        <!-- {{props.row}} -->
        <el-row>
          <el-col :span="12">
            <el-table
            header-row-class-name="hrow"
            :row-class-name="rowClass"
              :data="props.row.ins"
              style="width: 100%;margin-bottom: 20px;"
              row-key="id"
              border
              default-expand-all
              :tree-props="{children: 'details'}">
              <el-table-column                
                prop="date"
                label="日期"                
                width="180">
              </el-table-column>
              <el-table-column
                prop="goodsName"
                label="物料"                
                width="180">
              </el-table-column>
              <el-table-column
                prop="cnt"
                label="数量">
              </el-table-column>
              <el-table-column
                prop="price"
                label="价格">
              </el-table-column>
            </el-table>
          </el-col>
          <el-col :span="12">
            <el-table
                :data="props.row.outs"
                style="width: 100%;margin-bottom: 20px;"
                row-key="id"
                border
                default-expand-all
                :tree-props="{children: 'children'}">
                <el-table-column
                  prop="inoutTypeName"
                  label="出库类型"                
                  width="180">
                </el-table-column>
                <el-table-column
                  prop="sumCnt"
                  label="总数"                
                  width="180">
                </el-table-column>
                <el-table-column
                  prop="sumPrice"
                  label="总价">
                </el-table-column>
              </el-table>
          </el-col>
        </el-row>
      </template>
    </el-table-column>
    <el-table-column
      label="库房"
      prop="warehouseName">
    </el-table-column>
  </el-table>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  async mounted(){
    this.getData()
  },
  methods:{
    async getData(){
      this.listdata=[
        {
          code:"Goods-A",
          name:"物料A",
          detail:[
            {id:1,inoutType:"盘点入库",warehouseName:"中央库房",date:"2022-5-1",cnt:"2"},
            {id:2,inoutType:"采购入库",warehouseName:"中央库房",date:"2022-5-5",cnt:"4"},
            {id:3,inoutType:"调拨出库",warehouseName:"中央库房",date:"2022-5-5",cnt:"3",children:[
              {id:4,inoutType:"调拨入库",warehouseName:"地方库房",date:"2022-5-6",cnt:"3"},
              {id:5,inoutType:"销售出库",warehouseName:"地方库房",date:"2022-5-7",cnt:"2"},
            ]},
          ]
        },
        {
          code:"Goods-B",
          name:"物料B",
          detail:[]
        }
      ]
    },
    rowClass({row, rowIndex}){
        if(row.lev==1){
            return "prow"
        }
        else{
            return ""
        }
    }
  },
  data(){
    return {
      listdata:[],
      treedata:[
          {
              warehouseId:1,
              warehouseName:"中央库房",
              lev:0,
              ins:[
                  {
                      id:-1,
                      date:"调拨入库",
                      cnt:3,
                      price:300,
                      lev:1,
                      details:[
                          {
                              id:1,
                              date:"2022-5-5",
                              goodsName:"测试物料",
                              cnt:1,
                              price:100,
                              lev:2,
                              other:"来源库房"
                          },
                          {
                              id:3,
                              date:"2022-5-5",
                              goodsName:"测试物料",
                              cnt:2,
                              price:200,
                              lev:2,
                              other:"来源库房"
                          }
                      ]
                  },
                  {
                      id:-2,
                      date:"采购入库",
                      cnt:2,
                      price:250,
                      lev:1,
                      details:[
                          {
                              id:2,
                              date:"2022-9-8",
                              goodsName:"xx物料",
                              cnt:2,
                              price:250,
                              lev:2,
                              other:"-"
                          }
                      ]
                      
                  }
              ],
              outs:[]

          }
      ],
      data:{
    "code": 200,
    "msg": "操作成功",
    "result": [
        {
            "warehouseId": 17,
            "warehouesName": "地区库房",
            "ins": [
                {
                    "inoutType": 2,
                    "inoutTypeName": "调拨入库",
                    "sumCnt": 4,
                    "sumPrice": 310,
                    "details": [
                        {
                            "detailId": 698,
                            "date": "2022-05-17T03:13:27.177+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 21,
                            "inoutType": 2
                        },
                        {
                            "detailId": 706,
                            "date": "2022-05-17T06:57:56.893+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 23,
                            "inoutType": 2
                        },
                        {
                            "detailId": 713,
                            "date": "2022-05-17T07:09:32.097+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 25,
                            "inoutType": 2
                        },
                        {
                            "detailId": 720,
                            "date": "2022-05-20T01:30:24.013+00:00",
                            "goodsId": 623,
                            "goodsName": "物料A",
                            "cnt": 1,
                            "price": 10,
                            "aboutId": 27,
                            "inoutType": 2
                        }
                    ]
                }
            ],
            "outs": [
                {
                    "inoutType": 5,
                    "inoutTypeName": "销售出库",
                    "sumCnt": 1,
                    "sumPrice": 120,
                    "details": [
                        {
                            "detailId": 722,
                            "date": "2022-05-20T01:31:48.210+00:00",
                            "goodsId": 623,
                            "goodsName": "物料A",
                            "cnt": 1,
                            "price": 120,
                            "aboutId": 16,
                            "inoutType": 5
                        }
                    ]
                },
                {
                    "inoutType": 8,
                    "inoutTypeName": "盘亏出库",
                    "sumCnt": 2,
                    "sumPrice": 200,
                    "details": [
                        {
                            "detailId": 701,
                            "date": "2022-05-17T06:54:11.380+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 10,
                            "inoutType": 8
                        },
                        {
                            "detailId": 709,
                            "date": "2022-05-17T07:07:57.560+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 10,
                            "inoutType": 8
                        }
                    ]
                }
            ]
        },
        {
            "warehouseId": 14,
            "warehouesName": "总部库房",
            "ins": [
                {
                    "inoutType": 1,
                    "inoutTypeName": "采购入库",
                    "sumCnt": 24,
                    "sumPrice": 1113,
                    "details": [
                        {
                            "detailId": 657,
                            "date": "2022-03-30T01:26:21.350+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 24,
                            "inoutType": 1
                        },
                        {
                            "detailId": 659,
                            "date": "2022-03-30T01:31:22.207+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 24,
                            "inoutType": 1
                        },
                        {
                            "detailId": 662,
                            "date": "2022-03-30T01:35:55.937+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 24,
                            "inoutType": 1
                        },
                        {
                            "detailId": 663,
                            "date": "2022-03-30T04:18:45.317+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 24,
                            "inoutType": 1
                        },
                        {
                            "detailId": 669,
                            "date": "2022-04-11T08:24:06.710+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 5,
                            "price": 100,
                            "aboutId": 26,
                            "inoutType": 1
                        },
                        {
                            "detailId": 679,
                            "date": "2022-04-13T09:36:12.717+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 4,
                            "price": 1,
                            "aboutId": 27,
                            "inoutType": 1
                        },
                        {
                            "detailId": 680,
                            "date": "2022-04-13T09:36:12.730+00:00",
                            "goodsId": 620,
                            "goodsName": "物料B",
                            "cnt": 2,
                            "price": 1,
                            "aboutId": 27,
                            "inoutType": 1
                        },
                        {
                            "detailId": 681,
                            "date": "2022-04-13T09:36:42.833+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 27,
                            "inoutType": 1
                        },
                        {
                            "detailId": 682,
                            "date": "2022-04-13T09:36:42.843+00:00",
                            "goodsId": 620,
                            "goodsName": "物料B",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 27,
                            "inoutType": 1
                        },
                        {
                            "detailId": 694,
                            "date": "2022-05-17T03:11:12.610+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 3,
                            "price": 100,
                            "aboutId": 28,
                            "inoutType": 1
                        },
                        {
                            "detailId": 715,
                            "date": "2022-05-20T01:25:27.650+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 24,
                            "inoutType": 1
                        },
                        {
                            "detailId": 716,
                            "date": "2022-05-20T01:27:58.470+00:00",
                            "goodsId": 623,
                            "goodsName": "物料A",
                            "cnt": 3,
                            "price": 100,
                            "aboutId": 29,
                            "inoutType": 1
                        }
                    ]
                },
                {
                    "inoutType": 4,
                    "inoutTypeName": "盘盈入库",
                    "sumCnt": 44,
                    "sumPrice": 11933,
                    "details": [
                        {
                            "detailId": 666,
                            "date": "2022-04-11T08:21:11.910+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 2,
                            "price": 1,
                            "aboutId": 7,
                            "inoutType": 4
                        },
                        {
                            "detailId": 667,
                            "date": "2022-04-11T08:21:32.970+00:00",
                            "goodsId": 620,
                            "goodsName": "物料B",
                            "cnt": 6,
                            "price": 1,
                            "aboutId": 7,
                            "inoutType": 4
                        },
                        {
                            "detailId": 677,
                            "date": "2022-04-13T04:59:48.687+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 5,
                            "price": 1,
                            "aboutId": 7,
                            "inoutType": 4
                        },
                        {
                            "detailId": 702,
                            "date": "2022-05-17T06:55:51.610+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 3,
                            "price": 100,
                            "aboutId": 7,
                            "inoutType": 4
                        },
                        {
                            "detailId": 707,
                            "date": "2022-05-17T07:07:29.367+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 7,
                            "inoutType": 4
                        },
                        {
                            "detailId": 717,
                            "date": "2022-05-20T01:28:23.557+00:00",
                            "goodsId": 623,
                            "goodsName": "物料A",
                            "cnt": 2,
                            "price": 10,
                            "aboutId": 11,
                            "inoutType": 4
                        },
                        {
                            "detailId": 724,
                            "date": "2022-05-24T03:45:14.377+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 15,
                            "price": 100,
                            "aboutId": 11,
                            "inoutType": 4
                        },
                        {
                            "detailId": 731,
                            "date": "2022-05-26T00:44:31.037+00:00",
                            "goodsId": 624,
                            "goodsName": "新调拨物料1",
                            "cnt": 10,
                            "price": 1000,
                            "aboutId": 11,
                            "inoutType": 4
                        }
                    ]
                }
            ],
            "outs": [
                {
                    "inoutType": 5,
                    "inoutTypeName": "销售出库",
                    "sumCnt": 9,
                    "sumPrice": 9,
                    "details": [
                        {
                            "detailId": 672,
                            "date": "2022-04-13T04:48:18.137+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 2,
                            "price": 1,
                            "aboutId": 12,
                            "inoutType": 5
                        },
                        {
                            "detailId": 673,
                            "date": "2022-04-13T04:48:27.180+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 2,
                            "price": 1,
                            "aboutId": 12,
                            "inoutType": 5
                        },
                        {
                            "detailId": 674,
                            "date": "2022-04-13T04:48:35.103+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 2,
                            "price": 1,
                            "aboutId": 12,
                            "inoutType": 5
                        },
                        {
                            "detailId": 683,
                            "date": "2022-04-13T09:37:45.347+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 2,
                            "price": 1,
                            "aboutId": 13,
                            "inoutType": 5
                        },
                        {
                            "detailId": 684,
                            "date": "2022-04-13T09:38:11.297+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 13,
                            "inoutType": 5
                        }
                    ]
                },
                {
                    "inoutType": 6,
                    "inoutTypeName": "调拨出库",
                    "sumCnt": 29,
                    "sumPrice": 5825,
                    "details": [
                        {
                            "detailId": 660,
                            "date": "2022-03-30T01:34:45.813+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 16,
                            "inoutType": 6
                        },
                        {
                            "detailId": 665,
                            "date": "2022-04-06T09:11:08.593+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 17,
                            "inoutType": 6
                        },
                        {
                            "detailId": 670,
                            "date": "2022-04-11T08:25:51.037+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 2,
                            "price": 100,
                            "aboutId": 18,
                            "inoutType": 6
                        },
                        {
                            "detailId": 695,
                            "date": "2022-05-17T03:12:30.047+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 20,
                            "inoutType": 6
                        },
                        {
                            "detailId": 696,
                            "date": "2022-05-17T03:12:39.203+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 21,
                            "inoutType": 6
                        },
                        {
                            "detailId": 703,
                            "date": "2022-05-17T06:57:07.967+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 22,
                            "inoutType": 6
                        },
                        {
                            "detailId": 704,
                            "date": "2022-05-17T06:57:14.613+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 23,
                            "inoutType": 6
                        },
                        {
                            "detailId": 710,
                            "date": "2022-05-17T07:08:58.810+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 24,
                            "inoutType": 6
                        },
                        {
                            "detailId": 711,
                            "date": "2022-05-17T07:09:10.283+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 25,
                            "inoutType": 6
                        },
                        {
                            "detailId": 718,
                            "date": "2022-05-20T01:28:46.317+00:00",
                            "goodsId": 623,
                            "goodsName": "物料A",
                            "cnt": 1,
                            "price": 10,
                            "aboutId": 27,
                            "inoutType": 6
                        },
                        {
                            "detailId": 719,
                            "date": "2022-05-20T01:28:53.017+00:00",
                            "goodsId": 623,
                            "goodsName": "物料A",
                            "cnt": 1,
                            "price": 10,
                            "aboutId": 26,
                            "inoutType": 6
                        },
                        {
                            "detailId": 725,
                            "date": "2022-05-24T03:45:40.127+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 5,
                            "price": 100,
                            "aboutId": 28,
                            "inoutType": 6
                        },
                        {
                            "detailId": 726,
                            "date": "2022-05-24T03:45:50.953+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 5,
                            "price": 100,
                            "aboutId": 28,
                            "inoutType": 6
                        },
                        {
                            "detailId": 729,
                            "date": "2022-05-25T07:00:30.960+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 3,
                            "price": 1,
                            "aboutId": 29,
                            "inoutType": 6
                        },
                        {
                            "detailId": 732,
                            "date": "2022-05-26T01:52:10.007+00:00",
                            "goodsId": 624,
                            "goodsName": "新调拨物料1",
                            "cnt": 1,
                            "price": 1000,
                            "aboutId": 30,
                            "inoutType": 6
                        },
                        {
                            "detailId": 734,
                            "date": "2022-05-26T01:53:34.967+00:00",
                            "goodsId": 624,
                            "goodsName": "新调拨物料1",
                            "cnt": 1,
                            "price": 1000,
                            "aboutId": 30,
                            "inoutType": 6
                        },
                        {
                            "detailId": 737,
                            "date": "2022-05-27T01:24:18.530+00:00",
                            "goodsId": 624,
                            "goodsName": "新调拨物料1",
                            "cnt": 1,
                            "price": 1000,
                            "aboutId": 30,
                            "inoutType": 6
                        },
                        {
                            "detailId": 740,
                            "date": "2022-05-27T01:28:07.173+00:00",
                            "goodsId": 624,
                            "goodsName": "新调拨物料1",
                            "cnt": 1,
                            "price": 1000,
                            "aboutId": 30,
                            "inoutType": 6
                        }
                    ]
                },
                {
                    "inoutType": 8,
                    "inoutTypeName": "盘亏出库",
                    "sumCnt": 3,
                    "sumPrice": 102,
                    "details": [
                        {
                            "detailId": 658,
                            "date": "2022-03-30T01:26:32.333+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 7,
                            "inoutType": 8
                        },
                        {
                            "detailId": 668,
                            "date": "2022-04-11T08:22:07.653+00:00",
                            "goodsId": 620,
                            "goodsName": "物料B",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 7,
                            "inoutType": 8
                        },
                        {
                            "detailId": 699,
                            "date": "2022-05-17T06:33:25.303+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 9,
                            "inoutType": 8
                        }
                    ]
                }
            ]
        },
        {
            "warehouseId": 15,
            "warehouesName": "项目库房",
            "ins": [
                {
                    "inoutType": 2,
                    "inoutTypeName": "调拨入库",
                    "sumCnt": 24,
                    "sumPrice": 5514,
                    "details": [
                        {
                            "detailId": 661,
                            "date": "2022-03-30T01:35:28.570+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 16,
                            "inoutType": 2
                        },
                        {
                            "detailId": 671,
                            "date": "2022-04-11T08:26:52.697+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 2,
                            "price": 100,
                            "aboutId": 18,
                            "inoutType": 2
                        },
                        {
                            "detailId": 697,
                            "date": "2022-05-17T03:12:57.883+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 20,
                            "inoutType": 2
                        },
                        {
                            "detailId": 705,
                            "date": "2022-05-17T06:57:49.670+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 22,
                            "inoutType": 2
                        },
                        {
                            "detailId": 712,
                            "date": "2022-05-17T07:09:24.123+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 24,
                            "inoutType": 2
                        },
                        {
                            "detailId": 721,
                            "date": "2022-05-20T01:30:35.393+00:00",
                            "goodsId": 623,
                            "goodsName": "物料A",
                            "cnt": 1,
                            "price": 10,
                            "aboutId": 26,
                            "inoutType": 2
                        },
                        {
                            "detailId": 727,
                            "date": "2022-05-24T08:27:51.360+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 5,
                            "price": 100,
                            "aboutId": 28,
                            "inoutType": 2
                        },
                        {
                            "detailId": 728,
                            "date": "2022-05-24T08:40:24.640+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 5,
                            "price": 100,
                            "aboutId": 28,
                            "inoutType": 2
                        },
                        {
                            "detailId": 730,
                            "date": "2022-05-25T07:02:35.427+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 3,
                            "price": 1,
                            "aboutId": 29,
                            "inoutType": 2
                        },
                        {
                            "detailId": 733,
                            "date": "2022-05-26T01:53:01.403+00:00",
                            "goodsId": 624,
                            "goodsName": "新调拨物料1",
                            "cnt": 1,
                            "price": 1000,
                            "aboutId": 30,
                            "inoutType": 2
                        },
                        {
                            "detailId": 735,
                            "date": "2022-05-26T01:53:43.080+00:00",
                            "goodsId": 624,
                            "goodsName": "新调拨物料1",
                            "cnt": 1,
                            "price": 1000,
                            "aboutId": 30,
                            "inoutType": 2
                        },
                        {
                            "detailId": 738,
                            "date": "2022-05-27T01:27:04.770+00:00",
                            "goodsId": 624,
                            "goodsName": "新调拨物料1",
                            "cnt": 1,
                            "price": 1000,
                            "aboutId": 30,
                            "inoutType": 2
                        },
                        {
                            "detailId": 739,
                            "date": "2022-05-27T01:27:08.953+00:00",
                            "goodsId": 624,
                            "goodsName": "新调拨物料1",
                            "cnt": 1,
                            "price": 1000,
                            "aboutId": 30,
                            "inoutType": 2
                        }
                    ]
                }
            ],
            "outs": [
                {
                    "inoutType": 5,
                    "inoutTypeName": "销售出库",
                    "sumCnt": 5,
                    "sumPrice": 303,
                    "details": [
                        {
                            "detailId": 675,
                            "date": "2022-04-13T04:49:12.827+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 2,
                            "price": 1,
                            "aboutId": 12,
                            "inoutType": 5
                        },
                        {
                            "detailId": 676,
                            "date": "2022-04-13T04:51:12.697+00:00",
                            "goodsId": 619,
                            "goodsName": "演示物料",
                            "cnt": 1,
                            "price": 1,
                            "aboutId": 11,
                            "inoutType": 5
                        },
                        {
                            "detailId": 714,
                            "date": "2022-05-17T07:11:16.253+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 150,
                            "aboutId": 14,
                            "inoutType": 5
                        },
                        {
                            "detailId": 723,
                            "date": "2022-05-20T01:32:08.260+00:00",
                            "goodsId": 623,
                            "goodsName": "物料A",
                            "cnt": 1,
                            "price": 150,
                            "aboutId": 15,
                            "inoutType": 5
                        }
                    ]
                },
                {
                    "inoutType": 6,
                    "inoutTypeName": "调拨出库",
                    "sumCnt": 1,
                    "sumPrice": 1000,
                    "details": [
                        {
                            "detailId": 736,
                            "date": "2022-05-26T01:55:08.040+00:00",
                            "goodsId": 624,
                            "goodsName": "新调拨物料1",
                            "cnt": 1,
                            "price": 1000,
                            "aboutId": 30,
                            "inoutType": 6
                        }
                    ]
                },
                {
                    "inoutType": 8,
                    "inoutTypeName": "盘亏出库",
                    "sumCnt": 2,
                    "sumPrice": 200,
                    "details": [
                        {
                            "detailId": 700,
                            "date": "2022-05-17T06:53:50.983+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 8,
                            "inoutType": 8
                        },
                        {
                            "detailId": 708,
                            "date": "2022-05-17T07:07:49.617+00:00",
                            "goodsId": 622,
                            "goodsName": "流转物料",
                            "cnt": 1,
                            "price": 100,
                            "aboutId": 8,
                            "inoutType": 8
                        }
                    ]
                }
            ]
        }
    ]
}
    }
  }
}
</script>

<style>
    .in th div{
        margin:0;
        padding: 0;
        background-color: #ecf5ff;
        color: #409eff;
    }
    .prow {font-weight: 800;}
    .hrow{
        margin: 0px;
        padding: 0px;
        /* color: #fff; */
    }
    .hrow div{
        margin: 0px;
        padding: 0px;
        background-color: #f0f9eb;
    }
    .hrow th{
        background-color: #f0f9eb !important;
    }
    .hrow th.el-table__cell1{
        background-color: #f0f9eb;
    }
    .hrow .el-table{
        background-color: #f0f9eb !important;
    }
</style>